import React, {useState,} from 'react'
import GoBackLayout from "../../../../layouts/GoBackLayout/GoBackLayout"
import {Picker, InputItem, List, Icon, WhiteSpace, WingBlank,} from "antd-mobile"
import CustomButton from "../../../../shared-components/CustomButton/CustomBotton";

const LiveUnion  = props => {
    const {
        history,
    } = props
    const [uName, setUName,] = useState('')

    const uPicker = (
        <Picker>
            <Icon type='down' />
        </Picker>
    )
    const inputPicker = (
        <List>
            <InputItem
                value={uName}
                onChange={val => setUName(val)}
                placeholder='请选择工会名称'
                extra={uPicker}
            />
        </List>
    )

    return <GoBackLayout
        history={history}
        title='工会'
    >
        {inputPicker}
        <WhiteSpace size='xl'/>
        <WingBlank>
            <p className='mg-b-4 tips'>您可以填写工会名称，工会负责人会审核您的身份，通过后成为该工会的主播。</p>
            <CustomButton
                shadow='0px 6px 10px 0px rgba(250,114,104,0.4)'
            >
                保存
            </CustomButton>
        </WingBlank>

    </GoBackLayout>
}

export default LiveUnion
